<template>
  <div>
    <div style="margin-bottom: 50px">
      <van-nav-bar
          title="停放区增设申请审批详情"
          left-text="返回"
          left-arrow
          :safe-area-inset-top="true"
          :fixed="true"
          @click-left="onClickLeft"
      />
    </div>

    <!--    <van-row class="backg">-->
    <!--      <van-col span="24" class="font-14">-->
    <!--        事件剩余处理时间：-->
    <!--        <van-count-down :time="time" format="DD 天 HH 时 mm 分 ss 秒" />-->
    <!--      </van-col>-->
    <!--      <van-col span="24" class="backg-c">-->
    <!--        <van-col span="8" class="event-img">-->
    <!--          <van-image width="100%" height="110" src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3538158226,2065046186&fm=26&gp=0.jpg" />-->
    <!--        </van-col>-->
    <!--        <van-col span="16" class="event-padding">-->
    <!--          <van-col span="24" class="font-14">-->
    <!--            出店经营-->
    <!--          </van-col>-->
    <!--          <van-col span="24" class="font-12">-->
    <!--            <van-image class="" width="10" height="10" :src="require('@/assets/img/icon-06.png')" /> 福建沙县小吃-->
    <!--          </van-col>-->
    <!--          <van-col span="24" class="font-12">-->
    <!--            <van-image class="" width="10" height="10" :src="require('@/assets/img/icon-18.png')" /> 江滨中路180号附近-->
    <!--          </van-col>-->
    <!--          <van-col span="24" class="font-12">-->
    <!--            <van-image class="" width="10" height="10" :src="require('@/assets/img/icon-19.png')" /> 2020-11-26 12:40:55-->
    <!--          </van-col>-->
    <!--        </van-col>-->
    <!--      </van-col>-->
    <!--    </van-row>-->

    <van-row class="backg">
      <van-col span="24" class="title-column">
        <van-image class="title-img" width="10" height="12" :src="require('@/assets/img/column-icon.png')" />
        待审批事件
      </van-col>
      <van-col span="24" class="event-details-img">
        <van-image width="100%" height="200" src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3538158226,2065046186&fm=26&gp=0.jpg" />
      </van-col>

      <van-col span="24">
        <van-cell-group class="backg-c-border">
          <van-cell title="申请人" value="罗罗罗" />
          <van-cell title="所属辖区" value="国际商贸城 / 第一网格" />
          <van-cell title="事件地点" value="江滨中路180号附近" />
          <van-cell title="事件类型" value="非机动车" />
          <van-cell title="上报时间" value="2020-11-26 11:11:11" />
        </van-cell-group>
      </van-col>

      <van-col span="12" class="btn-center">
          <van-button type="info" class="van-button--info-bg" @click="que">通过</van-button>
      </van-col>
      <van-col span="12" class="btn-center bgtm">

        <van-button plain type="info" @click="qu">不通过</van-button>

      </van-col>
    </van-row>

  </div>
</template>

<script>
import {Dialog} from "vant";
export default {
  data() {
    return {
      time: 30 * 60 * 60 * 1000,
      show: false,
      message:'',
    };
  },

  methods: {

    que(){
      Dialog.alert({
        message: '确认选择通过吗？',
        showCancelButton:true,
      }).then(() => {
        // on close
      });
      },
        qu(){
        Dialog.alert({
          message: '确认选择不通过吗？',
          showCancelButton:true,
        }).then(() => {
          // on close
        });
      },
    showPopup() {
      this.show = true;
    },
    onClickLeft(){
      this.$router.go(-1);
    },
    beforeClose(action){
      if(action === 'confirm') {
        this.$router.replace('/Remind')

      } else if(action === 'cancel') {
        this.$router.go(0)
      }
    },

  },
};
</script>

<style scoped>

</style>